<template>
  <div class="mine">
    <div class="header_nav">
      <van-icon name="service" size="0.48rem" color="#999" />个人中心<van-icon
        name="search"
        size="0.48rem"
        color="#999"
      />
    </div>
    <header>
      <img src="../../assets/20191216-center-bg.png" class="bcg" />
      <div class="header_top">
        <img src="../../assets/logo.png.png" /><img
          src="../../assets/regVip.jpg"
          class="member"
        />
      </div>
    </header>
    <div class="mine_con">
      <router-link to="/MayOrder"
        ><van-icon name="label" size="16" /><span>我的订单</span
        ><van-icon name="arrow" size="16" /></router-link
      ><router-link to="/Feedback"
        ><van-icon name="chat" size="16" /><span>用户反馈</span
        ><van-icon name="arrow" size="16" /></router-link
      ><router-link to="/Set"
        ><van-icon name="setting" size="16" /><span>设置</span
        ><van-icon name="arrow" size="16"
      /></router-link>
    </div>
  </div>
</template>

<script setup>
import { reqUser } from "@/api/mine";
import { getCookie } from "@/Hook/cookie";
const loadUser = async () => {
  const uid = getCookie("uid");
  console.log(uid);
  const result = await reqUser();
  console.log(result);
};
loadUser();
</script>
<style scoped>
.header_nav {
  height: 0.88rem;
  font-size: 0.3rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 0.88rem;
  border-bottom: 1px solid #eee;
  color: #333;
  padding: 0 15px;
}
header {
  width: 6.9rem;
  margin: 0.2rem auto;
  height: 3.9rem;
  box-sizing: border-box;
  overflow: hidden;
}
header .bcg {
  width: 6.9rem;
  z-index: -1;
  position: absolute;
}
.header_top {
  width: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.39rem;
  color: #fff;
  margin: 0.5rem;
}
.header_top img {
  width: 1.1rem;
  border-radius: 50%;
}
.header_top .member {
  border-radius: 0;
  width: 1.2rem;
}
.mine_con {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.3rem;
  margin-top: 0.3rem;
}
.mine_con a {
  height: 1rem;
  background-color: #f9f8f8;
  margin: 2px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666;
  padding: 0 0.3rem;
}
.mine_con a span {
  flex: 1;
  text-indent: 1em;
  font-size: 0.3rem;
}
</style>
